body,.topnav{background-color:#f5f5f5}
.msg_yd{display:none}
.msg_yd img{width:88%;margin-top:15rem}
/*sx*/
.msg{width:100%;margin:6rem auto 0 auto;border-radius:1.2rem;background-color:#fff;padding:1rem 0;min-height:60rem;box-sizing:border-box;overflow:hidden}
.msg dl{position:relative;height:7.3rem;box-sizing:border-box;-webkit-transition:transform .3s;transition:transform .3s}
.msg dl dt,.msg dl dd{position:absolute;top:0;height:5rem;padding:1rem 0}
.msg dl dt{width:6rem;left:1rem;position:relative}
.msg dl dt img{width:5rem;height:5rem;border-radius:.5rem;object-fit:cover;-webkit-object-fit:cover}
.msg dl dt i.new{display:inline-block;position:absolute;min-width:1.2rem;top:.4rem;right:-.4rem;padding:0 .3rem;height:1.8rem;line-height:1.8rem;font-size:1.2rem;border-radius:1.2rem;background-color:#FF5722;bottom:1.4rem;color:#fff;text-align:center}

.msg dl dd{left:7.5rem;width:100%;text-align:left;border-bottom:#f8f8f8 1px solid}
.msg dl dd h4{font-size:1.4rem;margin-top:.2rem;width:55%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg dl dd h4 font,.msg dl dd h4 img{display:inline-block;vertical-align:middle}
.msg dl dd h4 div{display:inline-block;height:1.8rem;line-height:1.8rem;border-radius:2rem 2rem 2rem 0;padding:0 .4rem;font-size:1.2rem;margin-left:.4rem}
.msg dl dd h4 div.identity{background-color:#ffe7ed;color:#FD787B}
.msg dl dd h4 div.photo{background-color:#D0F2F4;color:#23AAA6}

.msg dl dd h6{color:#666;margin-top:.5rem;width:60%;font-size:1.3rem;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.msg dl dd h6 img{width:2rem}
.msg dl dd b{font-weight:normal;margin:0 .5rem;color:#999;font-size:1.2rem}

.msg dl span{color:#999;font-size:1.2rem;position:absolute;right:2.4rem;top:1.5rem}
.msg dl .lock{border-radius:3.5rem;overflow:hidden;position:relative}
.msg dl .lock img{filter:blur(.3rem);-webkit-filter:blur(.3rem)}
.msg dl i.lockico{display:none}
.msg dl .lock i.lockico{display:block;position:absolute;top:1rem;left:1.3rem;line-height:5rem;font-size:2.4rem;color:#fff}
.msg dl strong{width:7rem;height:7.1rem;line-height:7.1rem;font-size:1.6rem;background-color:#f00;color:#fff;position:absolute;top:-.1rem;right:-7rem}

/*tz*/
.msg dl dt b{width:.8rem;height:.8rem;border-radius:.5rem;display:block;background-color:#FF3B30;position:absolute;right:.3rem;top:.7rem}
.msg dl dt i.k1,.msg dl dt i.k4{width:5rem;height:5rem;line-height:5rem;border-radius:.5rem;font-size:3rem;color:#fff}
.msg dl dt i.k1{background-color:#75c8eb;}
.msg dl dt i.k4{background-color:#ff6767;font-size:3.6rem}
/*.msg dl dt img{width:5rem;height:5rem;border-radius:2.5rem}
*/
.msg dl i.k2,.msg dl i.k3{width:2.5rem;height:2.5rem;line-height:2.5rem;border-radius:1.5rem;bottom:1.5rem;right:1.5rem;position:absolute;color:#fff}
.msg dl i.k2{background-color:#FEA11E}
.msg dl i.k3{background-color:#ffa3a4}

/*#box_gift*/
.box_gift{display:none;text-align:center}
.box_gift {width:100%;margin:0 auto}
.box_gift em{width:100%;height:190px}
.box_gift em img{max-width:100px;max-height:100px;margin-top:10px}
.box_gift em h3{width:100%;padding:0;color:#000;margin-top:5px}
.box_gift em h6{color:#999;font-size:12px;margin-top:10px}
.box_gift a{width:40%;line-height:44px;display:inline-block;margin:0 10px;font-size:18px;background-color:#FD9F23;color:#fff;border-radius:2px}
.box_gift a:hover{background-color:#c31570}
.box_gift a:nth-child(2){filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3}

/*nodatatips*/
.seelist_no {width:50%;margin:10rem auto}
.seelist_no h4 i{font-size:6rem;color:#ccc;display:block;margin:2rem auto 1rem auto}
.seelist_no h5{margin:3rem auto;font-size:1.4rem}
.seelist_no h5 a{display:block;width:15rem;margin:2rem auto 0 auto;border-radius:2rem;color:#fff;line-height:3.6rem;font-size:1.4rem}
/*msg box_hi*/
#box_hi {display:none}
.box_hi {width:100%;margin:0 auto;clear:both;overflow:auto}
.box_hi dl{width:90%;min-height:9rem;margin:2rem auto;clear:both;overflow:hidden}
.box_hi dl dt,.box_hi dl dd{float:left}
.box_hi dl dt{width:6rem;height:6rem;border-radius:3rem;position:relative}
.box_hi dl dt img{width:6rem;height:6rem;border-radius:3rem;object-fit:cover;-webkit-object-fit:cover}
.box_hi dl dd{color:#fff;margin-left:1.5rem;font-size:1.4rem;line-height:2rem;padding:1rem;text-align:left;position:relative;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;
max-width:calc(100% - 10.1rem);max-width:-webkit-calc(100% - 10.1rem);min-width:2rem;min-height:2rem;margin-top:1rem}
.box_hi dl dd:before{content:"";position:absolute;right:100%;top:1.3rem;width:0;height:0;border-top:.7rem solid transparent;border-right:.8rem solid #FE7CA6;border-bottom:.7rem solid transparent}
.box_hi a{width:90%;line-height:4.4rem;display:block;margin:3rem auto 2rem auto;font-size:1.5rem;color:#fff;border-radius:6rem;position:absolute;bottom:0;left:5%}
.box_hi dl dt span{width:6rem;height:2rem;line-height:2rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.2rem;color:#666;position:absolute;bottom:-2.5rem;left:0}
/*my_msg see*/
.viptips{width:94%;margin:10rem auto;padding:3rem 2rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.viptips font{width:100%;display:block;margin:0 auto;color:#999}
.viptips font b{color:#f00;margin:0 2px;font-weight:normal}
.viptips h5{margin:1rem auto 2rem auto;font-size:1.2rem}
.viptips .ivubox span{display:inline-block;width:4rem;height:4rem;border:.2rem solid #fff;border-radius:5rem;margin-left:-.8rem;overflow:hidden;transform:rotate(0deg);}
.viptips .ivubox span img{width:4rem;height:4rem;object-fit:cover;-webkit-object-fit:cover;overflow:hidden}
.viptips .ivubox span img.blur{filter:blur(.3rem);-webkit-filter:blur(.3rem);display:block}
.viptips .vipbtn{line-height:3.8rem;height:3.8rem;font-size:1.4rem}

.seelist{padding:.5rem 0 5rem 0;margin:6rem auto;border-radius:1.2rem;background-color:#fff}
.seelist dl{width:94%;margin:0 auto;position:relative;height:7.5rem;box-sizing:border-box;padding:0 1.5rem}
.seelist dl dt,.seelist dl dd{position:absolute;top:1.3rem;height:6rem}
.seelist dl dt{width:5.5rem;left:0}
.seelist dl dt img{width:5rem;height:5rem;border-radius:.5rem;object-fit:cover;-webkit-object-fit:cover}
.seelist dl dd{left:6.4rem;width:-webkit-calc(100% - 8rem);text-align:left;border-bottom:#f8f8f8 1px solid}
.seelist dl dd h4{font-size:1.4rem;margin-top:.2rem;width:98%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seelist dl dd h4 font,.seelist dl dd h4 img{display:inline-block;vertical-align:middle}
.seelist dl dd h4 font{width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seelist dl dd h4 div{display:inline-block;height:1.8rem;line-height:1.8rem;border-radius:2rem 2rem 2rem 0;padding:0 .4rem;font-size:1.2rem;margin-left:.4rem}
.seelist dl dd h4 div.identity{background-color:#ffe7ed;color:#FD787B}
.seelist dl dd h4 div.photo{background-color:#D0F2F4;color:#23AAA6}
.seelist dl dd b{font-weight:normal;margin:0 .5rem;color:#ccc;font-size:1.2rem}
.seelist dl dd h6{width:100%;color:#666;font-size:1.2rem;margin-top:.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seelist dl span{color:#999;font-size:1.2rem;position:absolute;right:1rem;top:1.7rem}